<template>
  <fieldset>
    <legend>Erroe</legend>
    <slot></slot>
  </fieldset>
</template>

<script setup>
import { onErrorCaptured } from 'vue'
onErrorCaptured((err, instance, info) => {  //错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串
  console.log('err', err)
  console.log('instance', instance)
  console.log('info', info)

  //作用将错误信息提交给服务器
  //用于处理页面的错误
  //给与用户良好的体验 不至于页面空白和页面报错飘红 

  // return false  //阻止错误继续传播
}) 
</script>

<style>

</style>